<template>
    <div id="otherChild"  v-once>
      <slot v-for="item in list" :item="item">
        <li>{{item}}</li>
      </slot>
    </div>
</template>

<script>
    export default {
      name: "otherChild",
      data(){
        return  {
          relation:'none',
          list:[1,2,23,4,5]
        }
      },
      methods:{
        // listenClick:function () {
        //   console.log('otherChild');
        //   var this_=this;
        //   eventBus.$on('click',function (msg) {
        //     console.log(msg);
        //     this_.relation=msg;
        //   })
        // }
      },
      mounted(){

      },
    }
</script>

<style scoped>
  div{
    background: aqua;
    padding: 20px 0;
  }
</style>
